<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="base.jsp" %>
	<div class="navbar navbar-fixed-top">
		<div class="inner ">
			<div class="container">
				<div class="inner-header" style="margin-top:20px">
					<div class="row">
						<div class="span3">
							<img src="<%=basePath %>img/logo.png" alt="" style="margin-left:30px">
							<a style="display:inline;font-weight: bold;font-size:20px;color:#fff">
								客户关系管理
							</a>
						</div>
						<div class="span6" style="margin:0px">
							<a href="<%=basePath %>contact/newPeople.action" class="btn btn-info" style="margin-top:0px;padding:4px 10px;font-size:12px">
								<img src="<%=basePath %>img/plus.png" alt="">
								添加新客户
							</a>
							<a class="btn btn-info topnewtask" style="margin-top:0px;padding:4px 10px;font-size:12px" >
								<img src="<%=basePath %>img/plus.png" alt="">
								添加新任务
							</a>
							<div class="toptask" style="display:none;padding-left:90px;color:#000">
								<div class="popover bottom " >
									<div class="arrow"></div>
									<h3 class="popover-title toptitle">添加新任务</h3>
									<div class="popover-content top" id="top">
										
									</div>
								</div>
							</div>
						</div>

						<ul class="nav pull-right">
	
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">
									用户设置
									<b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">a</a>
									</li>
									<li>
										<a href="#">b</a>
									</li>
									<li>
										<a href="#">c</a>
									</li>
								</ul>
							</li>

							<li>
							<a href="#">退出</a>
							</li>
						
						</ul>
					</div>
					
					
				</div>
				
			</div>
		</div>
		
	</div>
	
	<script type="text/javascript" src="<%=basePath %>js/jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.date-pick').datePicker({startDate:'1996-01-01'}).val(new Date().asString()).trigger('change');
		
			$(".topnewtask").toggle(function(){
				$("#top").load("<%=basePath%>task/newTask.action",function(){
					$(".toptask").show();
					$(".taskcontent").focus();
					$(".alltask").hide();
				});
			
			},function(){
				$("#top").empty();
				$(".toptask").hide();
				$(".alltask").hide();
			});
			
			$("body").live("click",function(){
				$(".toptask").hide();
			});
			
			$(".leftnewtask").toggle(function(){
				$("#left").load("<%=basePath%>task/newTask.action",function(){
					$(".lefttask").show();
					$(".taskcontent").focus();
				});
			
			},function(){
				$("#left").empty();
				$(".lefttask").hide();
			});
			
			$("body").live("click",function(){
				$(".lefttask").hide();
			});
			
			$(".leftnewtask").toggle(function(){
				$("#left").load("<%=basePath%>task/newTask.action",function(){
					$(".lefttask").show();
					$(".taskcontent").focus();
				});
			
			},function(){
				$("#left").empty();
				$(".lefttask").hide();
			});
			
			$("body").live("click",function(){
				$(".lefttask").hide();
			});
			
		});
	</script>
	

